@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN", Arial, Helvetica, sans-serif; font-size:14px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#666}
a:hover{color:#005bac}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#005bac}
.col02{ color:#008abd}
.col03{ color:#ec6a17}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}


.wrap{width:100%;margin:0 auto; width:1600px;}
.headerbox{ position:relative; height:85px}
.header{position: fixed; width:100%;left:0;right:0;top:0; height:85px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; z-index:99;}
.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.1)}
.header .wrap{ position:relative}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:85px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.logo img{ display:block; height:60px}
.lang a{ display:block; line-height:85px; background: url(../images/lang.png) no-repeat left center; color:#333; font-size:15px; font-weight:bold; padding-left:30px; font-family:Arial, Helvetica, sans-serif}
.lang a:hover{color:#005bac}
.menu{ position:absolute; left:54%;top:0;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); }
.menu>ul{display:flex; display:-webkit-flex}
.menu>ul>li{ float:left; font-size:18px; margin:0 30px;position:relative;white-space: nowrap;}
.menu>ul>li>a{ display:block; color:#101010;line-height:85px;position:relative}
.menu>ul>li:hover>a{color:#005bac}
.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}
.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 15px;color:#333; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}
.menu .sub a:hover{background:#005bac; color:#fff}



.search{width:100px;height:100px;}
.search-btn{ display:block;width:100px;height:100px;background:#f5f5f5 url(../images/searchbtn.png) no-repeat center;cursor:pointer;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.search-alert{ background:rgba(0,0,0,.6);position: fixed; left:0;top:0; width:100%; height:100%; display:none}
.search-alert .conn{width:600px; position:absolute; left:50%; margin-left:-300px;top:40%;-webkit-border-radius: 3px; border-radius: 3px;padding:40px;z-index: 50;background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,.1);}
.search-alert form {position: relative; padding-right:100px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.search-alert .tex {border: 1px solid #d8d8d8;line-height:60px; height:60px;width: 100%;color: #555;background:#fff;padding-left:10px; padding-right:10px; font-size:16px;}
.search-alert .btn {border: none;line-height:60px; font-size:16px;text-align: right;background:#e4007f;color:#fff;position: absolute;right: 0;top: 0;width:100px;text-align: center; cursor:pointer; transition:.5s}
.search-alert .closed{ width:15px; height:15px; position:absolute; right:15px;top:15px; cursor:pointer}
.search-alert .closed:before{ content:""; width:20px; height:1px; background:#333; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .closed:after{ content:""; width:20px; height:1px; background:#333; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}

/*banner*/

.banner{ position:relative;}
.banner .ban-img{ position:relative; height:100%}
.banner img{ display:block;width:100%;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0; margin-top:0;background:none;}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{display:block;width: 60px;height: 60px;position: absolute;left: 20px;top: 50%;margin-top:-30px;border-radius: 100%;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.banner .swiper-button-next span{left:auto;right:20px;}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{opacity: .6;}
.banner .swiper-button-prev span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; right:0;top:0px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:40px; height:40px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:0;top:0px;}

/*分页器*/
.banner .swiper-pagination{bottom:30px}
.banner .swiper-pagination-bullet{ width:12px; height:12px;background:none;border-radius:50%; border:1px solid #fff; opacity:1;position:relative;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#fff}

.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}



@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}
@font-face {
  font-family: 'iconfont';  /* Project id 2945141 */
  src: url('//at.alicdn.com/t/font_2945141_q7pkgdthndj.woff2?t=1637546460741') format('woff2'),
       url('//at.alicdn.com/t/font_2945141_q7pkgdthndj.woff?t=1637546460741') format('woff'),
       url('//at.alicdn.com/t/font_2945141_q7pkgdthndj.ttf?t=1637546460741') format('truetype');
}
.iconfont{
	font-family:"iconfont";
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale; 
}

.space{ padding:60px 0 70px}
.title{ color:#333; font-size:35px; line-height:40px; text-align:center; margin-bottom:35px; position:relative}
.title:after{ content:""; width:40px; height:3px; display:block; margin:15px auto 0; background:#005bac;background:-webkit-linear-gradient(left, #22bcf0, #013e96);
background: -o-linear-gradient(right, #22bcf0, #013e96);
background: -moz-linear-gradient(right, #22bcf0, #013e96);
background: linear-gradient(to right, #22bcf0, #013e96);}
  
.main .title{font-size:35px; line-height:40px;}

.i-product.space{ padding-top:50px}
.i-product{ background:#f5f5f5; position:relative}
.i-product:before{ content:""; width:50%; height:100%; background:url(../images/iprobg01.jpg) no-repeat left bottom; background-size:contain; position:absolute; left:0;bottom:0;z-index:1}
.i-product:after{ content:""; width:50%; height:100%; background:url(../images/iprobg02.jpg) no-repeat right bottom; background-size:contain; position:absolute; right:0;bottom:0;z-index:1}
.i-product .wrap{ position:relative; z-index:2}
.i-prolist{ display:flex; display:-webkit-flex; align-items:flex-start; justify-content:space-between; padding-top:15px}
.i-prolist li{ width:180px; text-align:center}
.i-prolist .icon{ width:120px; height:120px; border-radius:50%; background:#005bac; display:flex; display:-webkit-flex;align-items:center; justify-content:center; margin:0 auto; box-shadow:0 0 0 15px rgba(0,91,172,.1)}
.i-prolist .icon img{ -moz-transition:.8s;-webkit-transition:.8s;transition:.8s; width:100px; height:auto}
.i-prolist h3{ font-size:22px; color:#333; margin-top:35px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-prolist li:hover h3{ color:#005bac}
.i-prolist li:hover .icon img{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}

.i-caselist{ position:relative}
.i-caselist .pic{ position:relative; overflow:hidden}
.i-caselist .pic:before{ content:""; width:100%; height:30%; position:absolute; left:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.45)); z-index:1}
.i-caselist .pic .img1{ display:block; width:100%}
.i-caselist .pic .img2{position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-caselist .txt{ position:absolute;bottom: -100%;left: 0;width: 100%;padding:20px 30px;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s; z-index: 2;}
.i-caselist .txt h3 {color: #fff;font-size: 20px;width: 70%;display: inline-block;vertical-align: middle;text-align: left;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.i-caselist .txt span {display: inline-block;position: absolute;right: 0;bottom: 0; width:50px; height:50px; background:url(../images/arrow.png) no-repeat center; border-top-left-radius:20px;}
.i-caselist .swiper-slide{width: 54%;}
.i-caselist .swiper-slide-active .txt{bottom:0;}
.i-caselist .swiper-button-prev,.i-caselist .swiper-button-next{width: 45px;height: 100px;position: absolute;top: 50%; margin-top:0;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);transition: .5s;font-size: 0;background: transparent;z-index: 10;cursor: pointer;}
.i-caselist .swiper-button-prev{left:0;background:url(../images/arrow-prev.png) no-repeat center;background-size: contain;}
.i-caselist .swiper-button-next{right: 0;background:url(../images/arrow-next.png) no-repeat center;background-size: contain;}
.i-caselist .swiper-button-prev:hover{background: url(../images/arrow-prev-h.png) no-repeat center;background-size: contain;}
.i-caselist .swiper-button-next:hover{background: url(../images/arrow-next-h.png) no-repeat center;background-size: contain;}

.i-news{background:#f3f3f3;}
.i-newslist{ position:relative;}
.i-newslist .swiper-container{}
.i-newslist a{ display:block;position:relative}
.i-newslist .pic{ position:relative; overflow:hidden}
.i-newslist .pic .img1{ display:block; width:100%}
.i-newslist .pic .img2{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-newslist h3{ color:#333; font-size:18px; line-height:30px; margin:20px 0; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-newslist .time{ display:inline-block; font-size:12px; padding:0 10px; border-radius:20px; border:1px solid #ddd; color:#999; letter-spacing:1px; line-height:24px;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-newslist a:hover h3{ color:#005bac}
.i-newslist a:hover .img2{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-newslist a:hover .time{background:#005bac; color:#fff}
.i-newslist .swiper-pagination{ width:100%;bottom:0; display:none}
.i-newslist .swiper-pagination-bullet{ background:#ccc; width:8px; height:8px; margin:0 3px; opacity:1}
.i-newslist .swiper-pagination-bullet-active{ background:#005bac}
/*============================================================*/

.nbanner{ position:relative;overflow:hidden; height:550px}
.nbanner:before{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; background:rgba(0,0,0,0); z-index:1}
/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}
*/
.nbanner img{ display:block; width:100%; height:100%; object-fit:cover}
.nbanner .wrap{ height:100%; position: relative;top:-100%; z-index:2}
.nbanner .nbantit{position: absolute;left: 0;bottom: 40%; color:#fff; font-size:45px;z-index:2}

.inner-nav{background: rgba(0,0,0,0.25); position:relative;margin-top:-80px;z-index:3;height:80px;}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.inner-nav li{ width:33.33%; border-right:1px solid rgba(255,255,255,.15)}
.inner-nav li:last-child{ border-right:0}
.inner-nav li a{font-size: 22px;color: #fff;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:80px; padding:3%;text-align: center; position:relative}
.inner-nav li a span{ position:relative; z-index:2}
.inner-nav li a:after{content:""; width:100%; height:115%; position:absolute;left:0;bottom:0; border-top-left-radius:15px; border-top-right-radius:15px; opacity:0; z-index:1;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
background: -o-linear-gradient(120deg, #22bcf0, #013e96);
background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
background: linear-gradient(120deg, #22bcf0, #013e96);}
.inner-nav li.cur a{position:relative;color:#fff;}
.inner-nav li.cur a:after{ opacity:1}
.inner-nav.inner-nav-pro li a{align-content:flex-start; text-align:center;flex-wrap:wrap; font-size:18px; padding:0 3%}
.inner-nav-pro li a span{ display:block; width:100%}
.inner-nav-pro li .icon{ height:40px;}
.inner-nav-pro li .icon img{ width:45px; height:45px;}

.main{ padding:60px 0; position:relative;}
.main02{ background:#f3f3f3}

.main .content{ line-height:30px; font-size:16px; color:#333}
.main .content img{ max-width:100%; height:auto}
.anchor{display: block;top: -85px;visibility: hidden; position:absolute;}

.main .content-about{ padding-top:2%; position:relative;background:url(../images/earth.jpg) no-repeat left bottom; background-size:contain}
.main .content-about .title{ text-align:left}
.main .content-about .title:after{ margin-left:0}
.main .content-about h2{ color:#005bac; font-size:24px; margin-bottom:20px;}
.main .content-about .txt{ width:50%; }
.main .content-about .txt p{ margin-bottom:15px;}
.main .content-about .pic{ width:45%; position:absolute; right:0;top:5%; height:90%;}
.main .content-about img{ display:block; position:relative;width:100%; height:100%;object-fit:cover;z-index:2}
.main .content-about .pic:after{ content:""; width:50%; height:80%; position:absolute; right:-20px;bottom:-20px; background:#005bac;
background: -webkit-linear-gradient(left, #22bcf0, #013e96);
background: -o-linear-gradient(right, #22bcf0, #013e96);
background: -moz-linear-gradient(right, #22bcf0, #013e96);
background: linear-gradient(to right, #22bcf0, #013e96);}
.main .content-about .aboutModal{ height:470px; overflow:hidden; position:relative}
.main .content-about .aboutModal .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.05);}
.main .content-about .aboutModal .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .main .content-about .aboutModal .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background: -webkit-radial-gradient(#d1ecfb, #00a9eb, #093b80); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(#d1ecfb, #00a9eb, #093b80); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(#d1ecfb, #00a9eb, #093b80); /* Firefox 3.6 - 15 */
background: radial-gradient(#d1ecfb, #00a9eb, #093b80); 
}

.main-culture{ background:#f3f3f3 url(../images/culbg.jpg) no-repeat center bottom; background-size:cover}
.main-culture .title{ color:#fff}
.cullist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; margin-top:30px}
.cullist li{ width:33.33%; padding:2% 1%; color:#fff; text-align:center}
.cullist li h4{ font-size:24px;color:#fff; text-align:center; line-height:30px; margin-bottom:15px; margin-top:15px;}
.cullist li .iconfont{ font-size:45px;line-height: 45px;display: block;}

.honorlist{ padding-bottom:40px;}
.honorlist a{ display:block; position:relative; padding:0 30px 15px}
.honorlist a:after{ content:""; width:100%; height:40%; background:#f3f3f3; position:absolute; left:0;bottom:0; z-index:1}
.honorlist .pic, .honorlist h3{ position:relative; overflow:hidden; z-index:2}
.honorlist .pic .img1{ display:block; width:100%; opacity:0}
.honorlist .pic .img2{position:absolute;left:0;top:0;right:0;bottom:0; max-width:100%; height:100%;margin:auto;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.honorlist h3{ text-align:center; color:#333; display:flex; display:-webkit-flex; font-size:18px; height:60px; line-height:20px; align-items:center; justify-content:center;}
.honorlist .swiper-pagination{bottom:0 !important}
.honorlist .swiper-pagination-bullet{ width:12px; height:12px;}
.honorlist .swiper-pagination-bullet-active{ background:#005bac}
.honorlist a:after, .honorlist h3{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.honorlist a:hover::after{background:#005bac} 
.honorlist a:hover h3{ color:#fff}

.main-product .section{ overflow:hidden; margin-top:40px;}
.main-product .section01{ margin-top:0}
.main-product .section .p-title{ color: #005bac; font-size:32px; display: inline-block; position: relative; margin-bottom:20px;background: -webkit-linear-gradient(left, #22bcf0, #013e96);
background: -o-linear-gradient(left, #22bcf0, #013e96);
background: -moz-linear-gradient(left, #22bcf0, #013e96);
background: linear-gradient(to right, #22bcf0, #013e96);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.main-product .section .p-title:after{ content: '';position: absolute;margin-left: 50px; height: 1px; width:9999px; background: #a7dbf7; top: 50%; }
.main-product .section .p-title-marg{ margin-top:40px}
.main-product .section h4{ font-size:16px;display:inline-block; background:#005bac;color:#fff; padding:0 10px; line-height:26px; border-top-left-radius:10px; border-bottom-right-radius:10px; margin-top:10px}
.main-product .section p{ margin-bottom:15px;}
.main-product .table{ width:99.5%}
.main-product .table th{ font-size:16px; background:#00a3ea; color:#fff;padding:10px; line-height:18px}
.main-product .table th:nth-child(3n+2){background:#005bac}
.main-product .table th:nth-child(3n+3){background:#fca91a}
.main-product .table td{ border:1px solid #e8e8e8;padding:8px 10px;font-size:15px; line-height:24px;}
.main-product .table td p{ margin:0 !important}
.main-product .table .download{ background:url(../images/down.png) no-repeat left 2px; padding-left:25px}
.main-product .table .download:hover{color:#005bac; text-decoration:underline}
.main-product .table01{width:71%}
.main-product .TCsrcval{color:#00a3ea;}
.main-product .TCsrcval:hover{ text-decoration:underline}
.focusTC{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.85);}
.focusTC.show{ display:block}
.TC-show{position: relative;z-index: 9999999;margin: 0 auto;width:800px;height: 100%;}
.TC-show img{ display:block; max-width:100%; max-height:100%; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%)}

.caselist{ position:relative; padding-bottom:40px;}
.caselist .pic{ position:relative; overflow:hidden}
.caselist .pic:before{ content:""; width:100%; height:45%; position:absolute; left:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); z-index:1}
.caselist .pic .img1{ display:block; width:100%}
.caselist .pic .img2{position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.caselist .txt{ position:absolute;bottom:0;left: 0;width: 100%;padding:15px 20px;-moz-transition:0.5s;-webkit-transition:0.5s;transition:0.5s; z-index: 2;}
.caselist .txt h3 {color: #fff;font-size:18px;vertical-align: middle;text-align:left;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.caselist .swiper-pagination{ width:100%;bottom:0;}
.caselist .swiper-pagination-bullet{ background:#ccc; width:10px; height:10px; margin:0 6px; opacity:1}
.caselist .swiper-pagination-bullet-active{ background:#005bac}

.newslist ul{ margin-right:-2%; display:flex; display:-webkit-felx; flex-wrap:wrap;}
.newslist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:3%;position:relative}
.newslist .pic{ position:relative; overflow:hidden; border:1px solid #ccc}
.newslist .pic .img1{ display:block; width:100%}
.newslist .pic .img2{ position:absolute;left:0;top:0; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newslist li .time{line-height:20px;font-family: "Arial";display: block;color: #666;padding: 25px 0 15px;font-size: 14px; display:flex; display:-webkit-flex;justify-content:space-between}
.newslist li h3{font-size:20px;line-height: 30px;color: #333;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newslist li .more{margin-top: 28px;color: #999;font-size: 14px; background:url(../images/arrow02.png) no-repeat right center; padding-right:25px; display:inline-block}
.newslist li h3{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s}
.newslist li:hover .img2{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newslist li:hover h3{ color:#005bac}


.newscon{ max-width:1200px; margin:0 auto}
.newstit{font-size:28px;color: #333;line-height:40px;text-align:center;position:relative; margin-bottom:15px;}
.newstit02{border-bottom: 1px solid #e5e5e5;padding-bottom:10px; margin-bottom:30px;}
.newstm{ font-size:13px; color:#999;  border-bottom: 1px solid #ededed; text-align:center; padding-bottom:10px; margin-bottom:30px;}
.news-article{ line-height:32px; font-size:16px;}
.news-article p{margin-bottom:15px}
.news-article img{ max-width:800px; display:block; margin:0 auto}
.page_2{ margin-top:50px;}
.page_2 .back{ display:block;background: #fff;color:#fff; line-height:40px; width:120px; margin:0 auto;text-align:center;border-radius:5px;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
background: -o-linear-gradient(120deg, #22bcf0, #013e96);
background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
background: linear-gradient(120deg, #22bcf0, #013e96);}
.page_2 .back:hover{ box-shadow:0 5px 15px rgba(34,188,240,.4)}


.hrcon{ padding:20px 0}
.hrcon .pic{ width:48%; float:left}
.hrcon .pic img{ display:block; width:100%}
.hrcon .txt{ width:48%; float:right; padding-top:2%}
.hrcon .txt .title{ text-align:left}
.hrcon .txt .title:after{ margin-left:0}
.hrcon .txt p{ margin-bottom:15px;}
.ygfuli ul{ display:flex; display:-webkit-flex;flex-wrap:wrap;}
.ygfuli li{ text-align:center; width:20%; padding:1% 1% 2%}
.ygfuli .iconfont { color: #22bcf0; font-size:30px;line-height: 1; margin-bottom: 10px;}
.ygfuli p {line-height: 22px;color: #949da3; margin-top:10px}

.hrtit {line-height: 20px;background: #005bac;padding: 15px 3%;overflow: hidden;}
.hrtit span {float: left; width: 25%; color: #fff; line-height: 20px; padding: 0 10px;}
.hrtit span:nth-child(1) {width: calc(50% - 68px);}
.hrtit span:nth-child(4) { width: 68px;}
.hrlist {width: 100%; margin: 0 auto;padding: 0 3% 40px; background: #fff; box-shadow:0 0 10px rgba(0,0,0,.1)}
.hrlist-top{display: block;padding: 25px 0;position: relative;overflow: hidden; border-bottom: 1px solid #eee;}

.hrlist-top span {position: relative;float: left;width:25%;line-height: 20px;font-size: 15px;padding:0 10px;color: #666;}
.hrlist-top span:nth-child(1){width:calc(50% - 68px);font-size:16px}
.hrlist-top span:nth-child(4){width:20%}
.hrlist-top span.arrow{width:68px;}
.hrlist-top span.arrow::after{content: ""; position: absolute;left:20px; top: 10px;width:6px;height:6px; border-top:1px solid #333; border-left:1px solid #333;-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.hrlist-con {display: none;position: relative;padding:30px; font-size:14px;background:#f3f3f3;}
.hrlist-con h4{ font-size:16px; color:#005bac}
.hrlist li.cur .hrlist-top span:nth-child(5)::after{ -moz-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.apply-job{ margin:20px 0}
.apply-job a{ display:block; width:100px; line-height:40px; border-radius:5px; color:#fff; text-align:center; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
    background: -o-linear-gradient(120deg, #22bcf0, #013e96);
    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
    background: linear-gradient(120deg, #22bcf0, #013e96);}
.apply-job02{ border-top:1px solid #d9d8d7; margin-top:20px; padding-top:15px; padding-bottom:15px;}
.apply-job02 strong{ color:#013e96}
.interview{ background:#fff; padding:3% 5%}
.interview .left{ width:calc(100% - 300px)}
.interview .left ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.interview .left li{ border-bottom:1px solid #eee; width:45%; margin-right:5%; padding:20px 0;}
.interview .left li span{ font-weight:bold; font-size:14px; color:#333}
.interview .left li:nth-child(1),.interview .left li:nth-child(2){ padding-top:0}
.interview .right{ text-align:center;background: #eee;}
.interview .right img{ display:block; width:160px; border:1px solid #eee}
.main-school{ background:#f3f3f3 url(../images/xzbg.jpg) no-repeat;background-size:cover; position:relative; padding-bottom:80px}
.main-school .title{ color:#fff}
.school-recruitment{ background:#fff; padding:2% 8% 4%}
.school-recruitment ul{ display:flex; display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.school-recruitment li{ border-bottom:1px solid #e8e8e8; padding:25px 25px 25px 0; width:50%;}
.school-recruitment .time{ font-size:12px; color:#666; width:120px}
.school-recruitment .txt{ width:calc(100% - 120px); font-size:15px;}
.school-recruitment .txt h3{ color:#333; font-size:20px}
/*===========================contact================================*/
.main .content-contact{ font-size:16px; line-height:26px;}
.content-contact .title{ font-size:32px}
.contact-list{margin-bottom:30px;}
.contact-list ul{ display:flex; display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;}
.contact-list li{ width:50%; padding:30px 50px; border-bottom:2px solid #eee; width:49%; background:#f3f3f3}
.contact-list h3{color:#333; font-size:22px; margin:10px 0 15px}
.contact-list p{ margin-top:5px; padding-left:30px}
.contact-list .add{ background:url(../images/c-icon04.png) no-repeat left 2px}
.contact-list .tel{ background:url(../images/c-icon01.png) no-repeat left 2px}
.contact-list .fax{ background:url(../images/c-icon02.png) no-repeat left 2px}
.contact-list .mail{ background:url(../images/c-icon03.png) no-repeat left 4px}

.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:90px; line-height:60px;color: #333;font-size: 16px;}
.message .item:nth-child(4) input[type=text]{ padding-left:100px}


.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:61px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
    background: -o-linear-gradient(120deg, #22bcf0, #013e96);
    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
    background: linear-gradient(120deg, #22bcf0, #013e96);}
.message .submit:hover{border-radius:25px}
.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}

.mapbox{}
#allmap{width:100%;height:400px;line-height:22px; font-size:14px; border:1px solid #e2e2e2; margin-top:20px}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}

/*============================================================*/

.footer{ background:#24272a;color:#fff;position:relative}
.footer-top{padding-top:60px; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,.15); position:relative;}
.f-contact{ max-width:400px}
.f-contact .tit{ font-size:18px; margin-bottom:20px; background:url(../images/line.png) no-repeat left center; padding-left:12px}
.f-contact .tit a{ color:#fff}
.f-contact .sub{ padding-left:10px;}
.f-contact p{display:block;color:rgba(255,255,255,.5); line-height:20px; padding-left:30px; margin-bottom:10px;position:relative;}
.f-contact .tel{ background:url(../images/f-icon01.png) no-repeat left 0}
.f-contact .fax{ background:url(../images/f-icon02.png) no-repeat left 0}
.f-contact .mail{ background:url(../images/f-icon03.png) no-repeat left 0}
.f-contact .add{ background:url(../images/f-icon04.png) no-repeat left 0}

.f-nav ul{display:flex; display:-webkit-flex;}
.f-nav li{ float:left; margin-right:120px; max-width:160px;}
.f-nav li .tit{font-size:18px; margin-bottom:20px; background:url(../images/line.png) no-repeat left center; padding-left:12px}
.f-nav .tit a{ color:#fff}
.f-nav .sub{ padding-left:12px}
.f-nav .sub a{ display:block; color:rgba(255,255,255,.5);line-height: 20px;padding-bottom: 10px;}
.f-nav .sub a:hover{color:#ccc}
.footer-bot{ background:#252525; padding:20px 0 30px; line-height:20px; color:#848484}
.footer-bot a{ color:#848484}
.footer-bot a:hover{ color:#ccc}

.f-ewm{ text-align:center; position:absolute; right:0}
.f-ewm img{ display:block; width:125px;}
.f-ewm p{color:rgba(255,255,255,.4); line-height:26px}

.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}

.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd img{ width:150px; display:block;}
.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}
.float_kf .app .hd img{ width:150px; display:block;}
.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}
.float_kf .service .sub{ background:#fff; padding:15px;}
.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}
.float_kf .service .sub a:first-child{ margin-top:0}
.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}
.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .fwh .hd{ margin-top:-84px}
.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}
.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}


.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6_h.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#0a2d5a}
.float_kf .backtop:hover{ background:#0a2d5a}
.float_kf .backtop:hover i{background:url(../images/right_pic6.png) no-repeat;}

.pages{}
.pagination{ height:auto !important; padding:35px 0 0!important}
.pagination p.pageEllipsis{padding: 3px 0px!important;}

.en .i-prolist li{ width:260px}
.en .i-newslist h3{ white-space:normal; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;line-height: 26px;}
.en .newslist li h3{-webkit-line-clamp:2; line-height:26px}
.en .main .content{ line-height:26px}
.en .cullist li{ padding:1%}